<!--
 * @Descripttion: 
 * @version: 
 * @Author: sueRimn
 * @Date: 2025-08-11 23:34:42
 * @LastEditors: sueRimn
 * @LastEditTime: 2025-09-17 18:23:20
-->
<template>
  <view class="advertisement">
    <swiper
      class="swiper"
      circular
      :indicator-dots="false"
      :autoplay="true"
      :interval="2000"
      :duration="500"
    >
      <swiper-item v-for="(item,key) in banner" :key="key">
        <image :src="item.image" mode="aspectFill" class="swiper-item" @click="urlJump(item)"></image>
      </swiper-item>
    </swiper>
  </view>
</template>

<script>
import { waitShowToast,urlJump } from '@/utils'
export default {
  props: {
    banner: {
      type: Array,
      default: () => []
    }
  }
};
</script>

<style lang="scss" scoped>
.advertisement {
  width: 100%;
  height: 116rpx;
  margin-top: 20rpx;
  .swiper {
    width: 100%;
    height: 100%;
    .swiper-item {
      width: 690rpx;
      height: 116rpx;
    }
  }
}
</style>
